<!DOCTYPE html>
<html lang="zh">
<head>
    <meta http-equiv="content-type" content="text/html;charset=utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0,maximum-scale=1.0, user-scalable=no">
    <title>海大产品搜索</title>
    <meta name="title" content="海大 产品搜索">
    <meta name="keywords" content="海大珍珠商城">
    <meta name="desciption" content="海大珍珠商城是一个专注于……商城">
    <meta name="author" content="loushengyue，于景洲，宛煜，陈泽鹏，庞乃东">
    <link rel="shortcut icon" href="./img/icon.ico" type="image/x-icon">
    <link rel="stylesheet" href="./css/common.css">
    <link rel="stylesheet" href="./css/pro_search.css">
</head>
<body>
<header>
    <div class="top">
        <i class="scan"  id="back"></i>
        <form>
            <input type="text" name="search-content" placeholder="海大珍珠" id="mainSearch">
            <div class="btn" id="searchBtn"></div>
        </form>
        <i class="message"></i>
    </div>
</header>
<div class="main" id="main">
    <div class="history">
        <h2>历史搜索</h2>
        <ul class="wire" id="history">
            <!--<li><a href="javascript:;">化妆品</a> </li>
            <li><a href="javascript:;">海水珍珠粉</a> </li>
            <li><a href="javascript:;">珍珠项链</a> </li>-->
        </ul>
    </div>
    <div class="history">
        <h2>搜索发现</h2>
        <ul>
            <li><a href="javascript:;">珍珠手链</a> </li>
            <li><a href="javascript:;">镶珠吊坠</a> </li>
            <li><a href="javascript:;">镶珠耳坠</a> </li>
            <li><a href="javascript:;">镶珠耳坠</a> </li>
            <li><a href="javascript:;">珍珠工艺品</a> </li>
        </ul>
    </div>
</div>
<div class="fotter">
    <button><img src="img/tong_03.png" alt="tong"><i>按住   说出你想要的宝贝</i></button>
</div>
<script src="lib/resetRem.js"></script>
<script src="lib/zepto-1.2.0.js"></script>
<script src="lib/storages.js"></script>
<script src="js/common.js"></script>
<script src="js/pro_search.js"></script>
</body>
</html>